#singlePointQuery {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 450px;
    margin-top: -120px;
    border: solid 10px #1B1B1B;
    border-radius: 6px;
    #closeSingeChart {
        right: -5px;
        color:#BD2323;
        &:hover {
            color: #E33F31;
        }
    }
    #singleChart {
        background-color: #333;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 200px;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    #inputPart {
        background-color: #f5f5f5;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
        margin-left: -200px;
        right: 0;
        // border-left: 1px solid #555;
        // box-shadow: 1px 0 0 0 #222 inset;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    .ui.form.single-point-form {
        padding: 1px 7px;
        margin: 10px 12px 0 12px;
        border-radius: 4px;
        text-align: left;
        // border: 1px #222 solid;
        // background-color: #383838;
        position: relative;
        input.date-input {
            // background-color: #383838;
            color: #222;
            border: 1px solid #C4CED3;
            font-size: 13px;
            &:focus {
                border: 1px solid #6FBCE6;
            }
        }
        .date-label {
            color: #222;
            margin-top: 20px;
            margin-bottom: 15px;
            letter-spacing: 2px;
            font-size: 13px;
        }
    }
}
